<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>信息化运行情况</title>
    <!-- Bootstrap -->
    <link href="framework/bootstrap-3.3.7-dist/css/bootstrap.css" rel="stylesheet">
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="framework/jquery/jquery-1.11.3.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="framework/bootstrap-3.3.7-dist/js/bootstrap.js"></script>
    <!--custom-->
    <link href="css/index.css" rel="stylesheet">

    <script src="framework/Highmaps-5.0.12/code/highmaps.js"></script>
    <script src="framework/Highmaps-5.0.12/code/china.js"></script>
    <script src="framework/Highmaps-5.0.12/code/themes/dark-unica.js"></script>

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=5sLX2Vuq4iOfpsLPv8837sVB"></script>

    <!--marquee-->
    <link href="css/marquee.css" rel="stylesheet">
    <script src="framework/marquee/marquee.js"></script>
    <!--websoket-->
    <script src="framework/websocket/socket-common.js"></script>
</head>
<body>

<div class="container-fluid">
    <!--header-->
    <div class="row padder-v-lg">
        <div class="col-md-9">
            <h1 class="header-title">成都千嘉客户服务感知管理系统<small>CHENGDU QIANJIA TECHNOLOGY CO.,LTD</small></h1>
        </div>
        <div class="col-md-1"></div>
        <div class="col-md-2">
            <a href="/index.html" class="back"></a>
        </div>
    </div>
    <!--content-->
    <div class="row">
        <!--left-->
        <div class="col-md-3">
            <!--second-->
            <div class="row">
                <div class="col-md-12">
                    <div class="part" style="padding-bottom: 43px;">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="wrapper-spe">
                                    <span class="content">信息化运行情况</span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="divide-line"></div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="wrapper">
                                    <span class="span-base span-lg span-zt1">客户系统用户数</span>
                                    <span class="content-lg pull-right" id="XXH_YONGHU"></span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="divide-line"></div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="wrapper">
                                    <span class="span-base span-lg span-zt2">管线长度</span>
                                    <span class="content-lg pull-right" id="XXH_GIS_CHANGDU"></span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="divide-line"></div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="wrapper">
                                    <span class="span-base span-lg span-zt3">管网设备数</span>
                                    <span class="content-lg pull-right" id="XXH_GIS_SHEBEISHU"></span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="divide-line"></div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="wrapper">
                                    <span class="span-base span-lg span-zt4">抢险次数</span>
                                    <span class="content-lg pull-right" id="XXH_QIANGXIAN_CISHU"></span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="divide-line"></div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="wrapper">
                                    <span class="span-base span-lg span-zt5">管理中心系统数</span>
                                    <span class="content-lg pull-right" id="XXH_SCADA_XITONG"></span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="divide-line"></div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="wrapper">
                                    <span class="span-base span-lg span-zt6">门站和储配站数</span>
                                    <span class="content-lg pull-right" id="XXH_SCADA_MENZHAN"></span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="divide-line"></div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="wrapper">
                                    <span class="span-base span-lg span-zt7">调压站数</span>
                                    <span class="content-lg pull-right" id="XXH_SCADA_TIAOYA"></span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="divide-line"></div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="wrapper">
                                    <span class="span-base span-lg span-zt8">管网监测点数</span>
                                    <span class="content-lg pull-right" id="XXH_SCADA_GUANWANG"></span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="divide-line"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--middle-->
        <div class="col-md-9">
            <div class="row">
                <div class="col-md-12">
                    <div class="part">
                        <div class="row">
                            <div class="col-md-12">
                                <div class="wrapper-spe">
                                    <span class="content">信息化项目分布情况</span>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12">
                                <div class="divide-line"></div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-md-12 wrapper">
                                <iframe class="map-xs wrapper" width="100%" src="http://192.168.0.17:9091/webPageController.do?xxhzhShowmap" frameborder="0" allowfullscreen=""></iframe>
                                <!--<div id="allmap" class="map"></div>-->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
</body>

<script type="text/javascript">
    $(function () {
        initData();
    });

    function initData(){
        var url = "/qjzt/data";
        $.post(url, {}, function (resp) {
            //初始化工业、信息化数据
            if(resp.attributes && resp.attributes.data){
                var map = resp.attributes;
                var data = map.data;

                //信息化
                $("#XXH_YONGHU").html(parseInt(data.XXH_YONGHU) / 10000 + " 万户");
                $("#XXH_GIS_CHANGDU").html(parseInt(data.XXH_GIS_CHANGDU) / 1000 + " 千米");
                $("#XXH_GIS_SHEBEISHU").html(parseInt(data.XXH_GIS_SHEBEISHU) + " 个");
                $("#XXH_QIANGXIAN_CISHU").html(parseInt(data.XXH_QIANGXIAN_CISHU) + " 次");
                $("#XXH_SCADA_XITONG").html(parseInt(data.XXH_SCADA_XITONG) + " 套");
                $("#XXH_SCADA_MENZHAN").html(parseInt(data.XXH_SCADA_MENZHAN) + " 个");
                $("#XXH_SCADA_TIAOYA").html(parseInt(data.XXH_SCADA_TIAOYA) + " 个");
                $("#XXH_SCADA_GUANWANG").html(parseInt(data.XXH_SCADA_GUANWANG) + " 个");
            }
        })
    }

</script>

</html>